<template>
  <div style="height: 100%">
    <el-card style="margin-top: 20px">
      <h2 style="text-align: center;margin-bottom: 20px">测试人员</h2>

      <div>
        <el-row style="margin-bottom: 20px">
          <el-col :span="3" style="line-height: 40px;text-align: center">姓名:</el-col>
          <el-col :span="3"><el-input></el-input></el-col>
          <el-col :span="3" style="line-height: 40px;text-align: center">性别:</el-col>
          <el-col :span="3"><el-input></el-input></el-col>
          <el-col :span="3" style="line-height: 40px;text-align: center">年龄:</el-col>
          <el-col :span="3"><el-input></el-input></el-col>
          <el-col :span="3" style="line-height: 40px;text-align: center">手环:</el-col>
          <el-col :span="3"><el-input></el-input></el-col>
        </el-row>

        <el-row style="margin-bottom: 20px">
          <el-col :span="3" style="line-height: 40px;text-align: center">身高:</el-col>
          <el-col :span="3"><el-input></el-input></el-col>
          <el-col :span="3" style="line-height: 40px;text-align: center">体重(kg):</el-col>
          <el-col :span="3"><el-input></el-input></el-col>
          <el-col :span="3" style="line-height: 40px;text-align: center">是否运动员:</el-col>
          <el-col :span="3"><el-input></el-input></el-col>
        </el-row>
        <div style="text-align: right">
            <el-button type="primary">添加测试人员</el-button>
        </div>
      </div>
      <h2 style="text-align: center;margin-bottom: 20px">待测试人员</h2>
      <el-table
          :data="tableData"
          stripe
          header-cell-class-name="headerCellStyle"
          cell-class-name="cellStyle"
          border
          height="calc(100% - 120px)"
          style="width: 100%;">
        <el-table-column label="ID" prop="id"></el-table-column>
        <el-table-column label="姓名" prop="name"></el-table-column>
        <el-table-column label="性别" prop="sex"></el-table-column>
        <el-table-column label="年龄" prop="age"></el-table-column>
        <el-table-column label="身高" prop="height"></el-table-column>
        <el-table-column label="体重(kg)" prop="weight"></el-table-column>
        <el-table-column label="是否运动员" prop="athlete"></el-table-column>
        <el-table-column label="手环" prop="wristband"></el-table-column>
      </el-table>
    </el-card>
  <div style="text-align: center">
        <el-button type="primary">亚极量测试</el-button>
        <el-button type="success">极量测试</el-button>
  </div>
    <el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic">
      <el-form-item
          prop="email"
          label="邮箱"
          :rules="[
      { required: true, message: '请输入邮箱地址', trigger: 'blur' },
      { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
    ]"
      >
        <el-input v-model="dynamicValidateForm.email"></el-input>
      </el-form-item>
      <el-form-item
          v-for="(domain, index) in dynamicValidateForm.domains"
          :label="'域名' + index"
          :key="domain.key"
          :prop="'domains.' + index + '.value'"
          :rules="{
      required: true, message: '域名不能为空', trigger: 'blur'
    }"
      >
        <el-input v-model="domain.value"></el-input><el-button @click.prevent="removeDomain(domain)">删除</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="submitForm('dynamicValidateForm')">提交</el-button>
        <el-button @click="addDomain">新增域名</el-button>
        <el-button @click="resetForm('dynamicValidateForm')">重置</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: "test_",
  data(){
    return{
      title:'',
      tableData:[
        {
          id:1,
          name:'张三',
          sex:'男',
          age:23,
          height:'177',
          weight:'65',
          athlete:'是',
          wristband:'3',
        },
        {
          id:2,
          name:'李四',
          sex:'男',
          age:22,
          height:'166',
          weight:'70',
          athlete:'否',
          wristband:'4',
        },
        {
          id:3,
          name:'王五',
          sex:'女',
          age:22,
          height:'167',
          weight:'56',
          athlete:'是',
          wristband:'5',
        },
        {
          id:4,
          name:'陈六',
          sex:'女',
          age:23,
          height:'168',
          weight:'57',
          athlete:'是',
          wristband:'7',
        },
        {
          id:5,
          name:'张三',
          sex:'男',
          age:22,
          height:'166',
          weight:'64',
          athlete:'是',
          wristband:'1',
        },
      ],
      dialogVisible:false,
    }
  },
}
</script>

<style scoped>

</style>